/* layout.css */
/*****************************************default setting*********************/
A:link {FONT-SIZE: 12px; COLOR: #00cc00; text-decoration:none;}
A:visited {FONT-SIZE: 12px; COLOR: #00c000;text-decoration:none;}
A:active {FONT-SIZE: 12px; COLOR: #00ff00; text-decoration:none;}
A:hover {FONT-SIZE: 12px; COLOR: #00ff00;text-decoration:none;}

INPUT{ background:#000000; border:1px #00cc00 solid; color:#00ff00;}
TEXTAREA{background:#000000; border-color:#00cc00;color:#00ff00;scrollbar-base-color:#000000;}
BUTTON {background:#000000;color:#00cc00;border:#00cc00 1px solid; height:20px;}
BODY {
	PADDING: 5px; 
	FONT-SIZE: 12px; 
	BACKGROUND-IMAGE: url(./images/dot.gif); 
	MARGIN: 0 auto; 
	COLOR: #00ff00; 
	BACKGROUND-COLOR: #000000; 
	TEXT-DECORATION: none;
    FONT-FAMILY: verdana,sans-serif; 
	TEXT-ALIGN: center;
	}
/*********************************************************************************/
#container{
    position:relative;
    width:900px;
	margin :auto;
	text-align:center;
	padding:0px;
	border:1px #008000 solid;
}

/************************************************************************************************/
#container #header{
    margin-top:auto;
	margin-left:auto;
    width:900px;
	color:#00ff00;
	clear:both;
}
#container #header #blogname{height:100px; text-align:left; margin:0 auto; background:url(./images/banner.jpg); padding:10px;}
#container #header #blogname #blogtitle{float:left;text-align:left; font-size:12px; margin-left:20px;}
#container #header #blogname #ShowLoad{float:right;margin-right:10px; background:#1C431C; padding:6px; display:block;}
#container #header #ShowMenu{width:860px; height:20px; background:#000000; border:1px #008000 solid; padding:7px 30px 0px 0px;}
#container #header #ShowMenu #left{float:left; width:0px;}
#container #header #ShowMenu #right{float:right;}
#container #header #ShowMenu ul{list-style:none;margin:0px 7px 0px 7px!important;}
#container #header #ShowMenu ul li{float:left; height:20px;}
.menu{margin:5px;}

/************************************************************************************************/
#container #sidebar{
    float:left;
	width:200px;
	margin-top:10px;
	margin-left:2px;
	text-align:center;
	border:1px #008000 solid;
}
.sidetitle{font-weight:bold;text-align:left;margin:5px; padding:3px 3px; background:#000000; border:1px #008000 solid;}
.sidecontent{margin-left:5px; text-align:left; margin-top:10px; width:100%; margin-bottom:5px;}

#container #sidebar #showphoto{height:200px;}
#container #sidebar #showphoto #photo{height:160px;width:160px;border:1px #008000 solid;}
#container #sidebar #welcome{height:150px;}
#container #sidebar #welcome #content{text-align:left;  text-indent:24px; margin:5px;}
#container #sidebar #ShowRecent{height:200px; margin-top:5px;}
#container #sidebar #ShowRecent ul{padding:0; margin-left:5px; margin-top:5px; list-style:inside ;}
#container #sidebar #ShowRecent ul li{width:170px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#container #sidebar #ShowComment{height:200px; margin-top:5px;}
#container #sidebar #ShowComment ul{padding:0; margin-left:5px; margin-top:5px; list-style:inside;}
#container #sidebar #ShowComment ul li{width:170px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#container #sidebar #search #content{ text-align:center; margin-top:5px; margin-bottom:5px;}
#container #sidebar #ShowLink{margin-top:10px; margin-top:2px;}
#container #sidebar #ShowLink ul{padding:0; list-style:none; margin-left:20px; margin-top:5px;}
#container #sidebar #ShowLink ul li{margin-top:3px;}
#container #sidebar #archive{margin-top:10px;}
/************************************************************************************************/
#container #ShowCategory{
    float:right;
	width:680px;
	margin-top:10px;
	margin-right:2px;
	text-align:left;
	color:#00ff00;
	border:1px #008000 solid;
}
.article{}
.articletitle{font-weight:bold;text-align:left;margin:5px; padding:3px 3px; background:#000000; border:1px #008000 solid;}
.articleshort,.articlecontent{margin:10px;word-break:break-all;width:650px;}
.articlefoot{ margin:5px;text-align:right; border-top:1px #008000 solid;}
.comment{border:1px #008000 solid; margin:5px; padding-bottom:15px;}
.commenttitle{font-weight:bold;text-align:left;margin:5px; padding:3px 3px; background:#000000; border:1px #008000 solid;}
.commentcontent{margin:10px;word-break:break-all;width:650px;}

PostComment{margin:5px; border:1px #008000 solid;}
#thephoto{border:1px #008000 solid;}
/************************************************************************************************/
#container #footer{
    float:none;
	width:890px;
	height:65px;
	margin-top:10px;
	margin-left:auto;
	clear:both;
}

/************************************************************************************************/
#ShowLogin{
    background:url(./images/dot.gif); 
	position:absolute; top:200px;  
	z-index:5;
	text-align:center; 
	height:120px; 
	width:300px; 
	border:#00ff00 1px solid; 
	font-weight:bold; 
	display:none; 
	padding:5px;
}

#ShowLogin .login_title {background:#000000;}
#ShowLogin .userpass{ width:120px; height:16px;}
